@charset "utf-8";
/*css comment*/
*, *:before, *:after {
    margin: 0;
    padding: 0;
    outline: none;
    list-style: none;
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: "centurygothic";
    src: url("../fonts/centurygothic.woff2") format("woff2"),
    url("../fonts/centurygothic.woff") format("woff"),
    url("../fonts/centurygothic.ttf") format("truetype"),
    url("../fonts/centurygothic.eot") format("embedded-opentype"),
    url("../fonts/centurygothic.svg") format("svg");
}

html, body {
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.1em;
}

body {
    font-family: "centurygothic", 'Noto Sans SC', Microsoft YaHei, "微软雅黑", 'Microsoft Jhenghei', '微軟正黑體';
    font-size: 14px;
    line-height: 1.72;
    color: #333;
    background: #fff;
    font-weight: 400;
}

img {
    border: none;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    _width: auto;
}

button, input, textarea, select {
    border: none;
    background: none;
    font-size: 14px;
    vertical-align: middle;
    color: #333;
}

a {
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    outline: none;
    color: #333;
}

a:hover, a:active, a:focus {
    text-decoration: none;
}

em, i {
    font-style: normal;
}

a:focus, input, select {
    outline: none;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: "\200B";
    display: block;
    clear: both;
    height: 0;
}

input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], button, select, textarea {
    -webkit-appearance: none;
    font-family: "centurygothic", 'Noto Sans SC', Microsoft YaHei, "微软雅黑", 'Microsoft Jhenghei', '微軟正黑體';
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover {
    opacity: 0.80;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.25;
}

p, ul, ol {
    margin: 0;
}

header, main, footer, section {
    display: block;
}

/*browserupgrade*/
.browserupgrade {
    display: block;
    position: fixed;
    top: -60px;
    opacity: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 60px;
    font-size: 15px;
    line-height: 60px;
    z-index: 5000;
    background-color: #000;
    color: #fff;
    text-align: center;
}

.browserupgrade a {
    color: #eee;
    text-decoration: underline;
    font-size: 18px;
}

.browserupgrade a:hover {
    color: #eee
}

.browserupgrade a.upgrade_close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 40px;
    text-decoration: none;
    cursor: pointer;
}

/*swiper*/
.swiper-container {
    height: 100%;
}

.swiper-pagination {
    position: static;
}

.swiper-pagination-bullet {
    position: relative;
    width: 26px;
    height: 26px;
    border-radius: 0;
    margin: 0;
    background: none !important;
    opacity: 1;
}

.swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    background: #cdcdcd;
}

.swiper-pagination-bullet-active:before {
    background: #52575d;
}

.swiper_arrow .swiper-button-prev, .swiper_arrow .swiper-button-next {
    background: none;
    text-align: center;
}

/*.swiper_arrow div.swiper-button-disabled{ opacity: .80;}*/

/*transition*/
*:before, *:after, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .bg_img, .img_box img, header, .menu_phone i, .subclass, .menu_box {
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

a {
    -webkit-transition: color 600ms ease, background 600ms ease, border 600ms ease, opacity 600ms ease, transform 600ms ease, box-shadow 600ms ease;
    transition: color 600ms ease, background 600ms ease, border 600ms ease, opacity 600ms ease, transform 600ms ease, box-shadow 600ms ease;
}

/*===================common========================*/
/*bg_img*/
.bg_img {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #f6f6f6 50% 50% no-repeat;
    background-size: cover;
    position: relative;
}

.bg_img img {
    display: none;
}

/*img_box*/
.img_box {
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 100%;
    background: #f6f6f6;
}

.img_box img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*icon_box*/
.icon_box {
    position: relative;
    display: block;
    height: 0;
    padding-top: 100%;
}

.icon_box img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

/*single_line*/
.single_line {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px;
}

/*multi_line*/
.multi_line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-break: auto;
    -webkit-box-orient: vertical;
    text-align: justify;
    -webkit-line-clamp: 2;
    line-height: 24px;
    max-height: 48px;
}

/*===================header========================*/
.inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1320px;
}

.effect_swiper {
    position: relative;
}

header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1003;
    width: 100%;
    background: #ffffff;
}

/*=========header_top =========*/
.header_top {
    background: #41444b;
    height: 40px;
    line-height: 40px;
}

.recent_tit {
    float: left;
    text-align: center;
    width: 26px;
    line-height: 20px;
    margin: 10px 0;
    background: #ffffff;
    border-radius: 0 10px 10px 0;
    margin-right: 3.60%;
}

.recent_swiper {
    overflow: hidden;
    padding-right: 40px;
}

.recent_swiper .swiper-slide a {
    display: block;
    position: relative;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 10px;
    padding-right: 5%;
}

.recent_swiper .swiper-slide a span {
    margin-right: 10px;
}

.recent_swiper .swiper-slide a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ffffff;
}

.recent_swiper .swiper-slide a:hover {
    color: #c6bba8;
}

.recent_swiper .swiper-slide a:hover:before {
    background: #c6bba8;
}

.recent_arrow {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
}

.recent_arrow div {
    position: relative;
    transform: none;
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    line-height: 15px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .50);
    color: #ffffff;
}

.recent_arrow div .iconfont {
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.65);
}

/*=========header_mid =========*/
.header_mid {
    position: relative;
    margin: 34px 0;
}

/*menu_phone*/
.menu_phone {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 2.60%;
    margin-left: -9px;
    z-index: 1005;
    width: 40px;
    height: 40px;
}

.menu_phone span {
    display: block;
    width: 22px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.menu_phone i {
    display: block;
    width: 100%;
    height: 2px;
    background: #333333;
    position: absolute;
    top: 0;
}

.menu_phone i:nth-of-type(2) {
    top: 5px;
}

.menu_phone i:nth-of-type(3) {
    top: 10px;
}

.menu_phone.menu_active i {
    background: #c6bba8 !important;
}

.menu_phone.menu_active i:nth-of-type(2) {
    opacity: 0;
}

.menu_phone.menu_active i:nth-of-type(1),
.menu_phone.menu_active i:nth-of-type(3) {
    top: 6px;
}

.menu_phone.menu_active i:nth-of-type(1) {
    transform: rotate(-45deg);
}

.menu_phone.menu_active i:nth-of-type(3) {
    transform: rotate(45deg);
}

/*menu_box*/
.menu_box {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1003;
    width: 100%;
    height: 100vh;
    background: url(../images/header_01.jpg) no-repeat;
    background-size: cover;
    line-height: 1.72;
    padding: 180px 0 50px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.menu_nav {
    float: left;
    width: 43%;
    margin-right: 7%;
}

.menu_nav li {
}

.menu_nav li a {
    color: #dfd8c8;
}

.menu_nav li a.m_a0 {
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 60px;
    padding-left: 16px;
}

.menu_nav li a.m_a0:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    opacity: 0;
}

.menu_nav li a.m_a0:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 124px;
    height: 1px;
    background: rgba(255, 255, 255, .18);
    width: 100%;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.m_subclass {
    padding-left: 124px;
    line-height: 50px;
    text-align: center;
    display: none;
}

.m_subclass a {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 32%;
}

.m_subclass a em {
    display: inline-block;
    line-height: normal;
    position: relative;
}

.m_subclass a em:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.m_subclass a:hover em:before {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.m_subclass a:hover {
    color: #fff;
}

.menu_nav li:hover a.m_a0,
.menu_nav li.current a.m_a0 {
    color: #fff;
}

.menu_nav li:hover a.m_a0:before,
.menu_nav li.current a.m_a0:before {
    opacity: 1;
}

.menu_nav li:hover a.m_a0:after,
.menu_nav li.current a.m_a0:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.menu_img {
    overflow: hidden;
    border: 15px solid #dfd8c8;
}

.menu_img .bg_img {
    padding-top: 90.625%;
}

/*logo*/
.logo {
    position: relative;
    z-index: 1005;
    width: 115px;
    height: 40px;
    margin: 0 auto;
    width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.logo a {
    display: block;
    position: relative;
}

.logo img {
    display: block;
}

.logo img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

/*mid_func*/
.mid_func {
    position: absolute;
    top: 0;
    right: 2.60%;
    margin-right: -10px;
    z-index: 1005;
}

.search_box {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.hd_tel{
    font-size: 160%;
    font-weight: bold;
    color: #e60012;
}

.search_icon, .search_closed, .location_icon {
    cursor: pointer;
    display: block;
    text-align: center;
    float: right;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.search_icon .iconfont {
    font-size: 24px;
}

.search_icon:hover {
    color: #c6bba8;
}

.search_cover {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 302px;
    height: 100%;
    display: none;
}

.search_closed {
    background: #fff;
}

.search_closed .iconfont {
    font-size: 18px;
}

.search_closed:hover {
    color: #c6bba8;
}

.search_fill {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .06);
    position: relative;
    overflow: hidden;
}

.search_txt {
    display: block;
    width: 100%;
    height: 38px;
    padding: 5px 12px;
}

.search_btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.search_btn .iconfont {
    font-size: 22px;
}

.search_btn:hover {
    color: #c6bba8;
}

.mid_func .search_fill {
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, .06);
}

.location_icon {
    margin-left: 15px;
}

.location_icon .iconfont {
    font-size: 20px;
}

.location_icon:hover {
    color: #c6bba8;
}

/*=========header_bot =========*/
.header_bot {
    position: relative;
}

/*nav*/
.nav {
    display: flex;
    justify-content: space-between;
}

.nav:after {
    display: none;
}

.nav li {
}

.nav li a.n_a0 {
    display: block;
    position: relative;
}

.nav li a.n_a0:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.nav li:hover a.n_a0,
.nav li.current a.n_a0 {
    color: #c6bba8;
}

.icon_hot {
    height: 12px;
    width: auto;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.nav li a.n_a0 em {
    display: block;
    position: relative;
    padding-bottom: 20px;
}

.nav li a.n_a0 em:before {
    content: "";
    display: block;
    width: 50%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 25%;
    background-color: #c6bba8;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.nav li:hover a.n_a0 em:before,
.nav li.current a.n_a0 em:before {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.nav li .subclass {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    width: 100%;
    background: rgba(65, 68, 75, .92);
    text-align: right;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.nav li:nth-child(2) .subclass {
    text-align: left;
}

.nav li:hover .subclass {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.nav li .subclass a {
    display: inline-block;
    vertical-align: top;
    padding: 23px 30px;
    color: #c6bba8;
}

.nav li .subclass a .subclass_icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 34px;
    height: 34px;
}

.nav li .subclass a .subclass_icon img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.nav li .subclass a .subclass_icon img:nth-child(2) {
    opacity: 0;
}

.nav li .subclass a:hover {
    background: #d3ccbe;
    color: #fff;
}

.nav li .subclass a:hover .subclass_icon img:nth-child(1) {
    opacity: 0;
}

.nav li .subclass a:hover .subclass_icon img:nth-child(2) {
    opacity: 1;
}

/*headroom*/
.sliding.slideDown {
    transform: translateY(-100%);
}

.sliding.slideUp {
    transform: translateY(0%);
}

/*header_open*/
header.header_open .logo img:nth-child(1) {
    opacity: 0;
}

header.header_open .logo img:nth-child(2) {
    opacity: 1;
}

header.header_open .menu_box {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

header.header_open .search_icon,
header.header_open .search_closed,
header.header_open .location_icon {
    color: #c6bba8;
}

/*============================ footer ============================*/
footer {
    overflow: hidden;
    background: #333333;
    color: rgba(255, 255, 255, .35);
}

footer a {
    color: rgba(255, 255, 255, .35);
}

footer a:hover {
    color: rgba(255, 255, 255, .65);
}

/*footer_top*/
.footer_top {
    padding: 60px 0;
    line-height: 30px;
}

.f_logo {
    display: block;
    height: 40px;
    width: auto;
    margin-bottom: 30px;
}

.f_contact {
    float: left;
    width: 30%;
    padding-right: 3%;
}

.f_c_item {
    margin-bottom: 5px;
}

.f_c_item a {
    color: #c6bba8;
    line-height: 30px;
}

.f_nav {
    float: left;
    width: 43%;
    padding: 0 3%;
    border-left: 1px solid rgba(255, 255, 255, .18);
    border-right: 1px solid rgba(255, 255, 255, .18);
    display: flex;
    justify-content: space-around;
}

.f_nav li a {
    display: block;
}

.f_nav li a em {
    display: inline-block;
}

.f_nav li a.f_a0 {
    display: block;
    margin-bottom: 5px;
    color: #c6bba8;
}

.f_nav:after {
    display: none;
}

.f_notice {
    float: right;
    text-align: right;
    width: 27%;
    padding-left: 3%;
    letter-spacing: 0;
}

.f_notice li {
    display: inline-block;
    width: 45.30%;
    max-width: 130px;
    text-align: center;
    margin-left: 3.50%;
    line-height: 20px;
}

.f_notice li:first-child {
    margin-left: 0;
}

.f_notice li img {
    display: block;
    margin: 0 auto 8px;
}

/*footer_bot*/
.footer_bot {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, .18);
}

.f_copyright {
    float: left;
    width: 73%;
    padding-right: 3%;
}

.f_func {
    overflow: hidden;
    text-align: right;
}

/*float_menu*/
.float_menu {
    position: fixed;
    bottom: 10%;
    right: 1.30%;
    z-index: 1004;
}

.float_menu li {
    position: relative;
    margin-top: 7px;
}

.float_menu li a.f_m_a0 {
    display: block;
    background: #c6bba8;
    color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .10);
    border-radius: 2px;
    text-align: center;
    width: 48px;
}

.float_menu li a.f_m_a0 .iconfont {
    display: block;
    font-size: 22px;
    line-height: 43px;
}

.float_menu li a.f_m_a0 span {
    display: block;
    width: 100%;
}

.float_menu li a.f_m_a0 span em {
    vertical-align: bottom;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: bt-rl;
    writing-mode: vertical-rl;
}

.float_menu li.f_m_zixun a.f_m_a0 {
    padding: 10px 0 15px;
}

.float_menu li.f_m_call a.f_m_a0 span {
    background: #fff;
    border-radius: 2px;
    color: #c6bba8;
    font-family: "Tahoma";
    padding: 15px 0;
}

.float_menu li.f_m_top a.f_m_a0 {
    background: #fff;
    color: #c6bba8;
}

.float_menu li.f_m_top a.f_m_a0 .iconfont {
    font-size: 26px;
}

.float_menu li:hover a.f_m_a0 {
    background: #ee3131 !important;
    color: #fff;
}
.float_wx{
    position: absolute;
    right: 100%;
    top: 0;
    width: 130px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    opacity: 0;
    visibility: hidden;
    margin-right: 10px;
    transition: all .3s;
}
.float_wx img{
    width: 100%;
    height: auto;
}
.float_menu li:hover .float_wx{    
    opacity: 1;
    visibility: visible;
    margin-right: 0;
}
.friend-links{
    padding-bottom: 20px;
}

/*============================ 01 ============================*/
main {
    padding-top: 195px;
}

.sec_box {
    padding: 110px 0;
    background: 50% 0 no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/*sec_tit*/
.sec_tit {
    text-align: center;
    line-height: 1.28;
    margin-bottom: 50px;
}

.sec_tit em {
    display: block;
    line-height: 1;
    color: #c6bba8;
}

.sec_tit i {
    display: block;
    margin-top: 5px;
}

/*more01*/
.more01 {
    display: inline-block;
    text-align: center;
    border: 1px solid #c6bba8;
    color: #c6bba8;
    text-transform: uppercase;
    letter-spacing: 0;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    width: 200px;
    line-height: 44px;
}

.more01_icon {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 10px;
    width: 35px;
    height: 8px;
    background: url(../images/icon_more.png) right center no-repeat;
}

.more01:hover {
    background: #c6bba8;
    color: #fff;
}

.more01:hover .more01_icon {
    background-image: url(../images/icon_more_white.png);
}

.more01_white {
    border-color: #fff;
    color: #fff;
}

.more01_white .more01_icon {
    background-image: url(../images/icon_more_white.png);
}

/*=======focus_swiper======*/
.focus_swiper {
    height: 580px;
    overflow: hidden;
    position: relative;
}

.focus_swiper .swiper-container {
    z-index: auto;
}

.focus_swiper .swiper-slide {
    position: relative;
    overflow: hidden;
    background: #000000;
}

.swiper_inner {
    height: 100%;
}

.focus_img {
    height: 100%;
    transform: scale(1.10);
    transition: all 3s .2s linear;
}

.focus_img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../images/focus_01.png) center bottom no-repeat;
    background-size: cover;
}

.focus_swiper .swiper-slide-active .focus_img {
    transform: scale(1.0);
    transition: all 6s .2s linear;
}

.focus_txt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 480px;
    width: 80%;
    max-width: 1200px;
    /* height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; */
    color: #ffffff;
}
.focus_txt_en{
    width: 100%;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
}
.focus_txt_tit{
    width: 100%;
    font-size: 30px;
    text-align: center;
}
.focus_txt_slogan{
    width: 100%;
    font-size: 26px;
    text-align: center;
}

.focus_txt_dec {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 100%;
    background: rgba(0, 0, 0, .35);
    -webkit-transition: all 2s .2s ease;
    transition: all 2s .2s ease;
}

.focus_swiper .swiper-slide-active .focus_txt_dec {
    width: 100%;
}

.focus_txt_img {
    position: relative;
    z-index: 1;
    max-height: 75%;
    margin: 0 auto;
}

.focus_txt_img img {
    display: block;
    margin: 0 auto;
    -webkit-transition: all 2s .4s ease;
    transition: all 2s .4s ease;
    transform: scale(0.80);
}

.focus_swiper .swiper-slide-active .focus_txt_img img {
    transform: scale(1.00);
}

.swiper-slide01 .focus_txt_img {
    width: 83.75%;
    height: 69.32%;
}

.swiper-slide02 .focus_txt_img {
    width: 44.17%;
    height: 73.45%;
}

.focus_swiper .swiper-pagination-bullets {
    position: absolute;
    bottom: 5%;
}

.focus_swiper .swiper-pagination-bullets .swiper-pagination-bullet {
    vertical-align: bottom;
    position: relative;
    width: 12px;
    height: 14px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.focus_swiper .swiper-pagination-bullets .swiper-pagination-bullet:before {
    top: auto;
    bottom: 0;
    left: 0;
    transform: none;
    background: rgba(255, 255, 255, .50);
    width: 2px;
    height: 7px;
}

.focus_swiper .swiper-pagination-bullets .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 2px;
    height: 12px;
    transform: scaleY(0);
    transform-origin: bottom;
}

.focus_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
    margin-bottom: 2px;
}

.focus_swiper .swiper-pagination-bullet-active:after {
    -webkit-animation: 5s .2s bullet_move both;
    animation: 5s .2s bullet_move both;
}

@-webkit-keyframes bullet_move {
    0% {
        transform: scaleY(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleY(1);
    }
}

@keyframes bullet_move {
    0% {
        transform: scaleY(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleY(1);
    }
}

.focus_arrow div {
    color: #fff;
}

.focus_arrow div .iconfont {
    font-size: 28px;
}

.focus_arrow div.swiper-button-prev {
    left: 2.60%;
}

.focus_arrow div.swiper-button-next {
    right: 2.60%;
}

/*=======index_service======*/
.index_service {
    padding: 0 !important;
}

.service_get {
    padding: 30px 0;
    background: url(../images/service_01.jpg) no-repeat;
    background-size: cover;
    color: #fff;
}

.get_tit {
    text-align: center;
}

.get_num {
    letter-spacing: 0;
    color: #c6bba8;
}

.get_form {
    margin-top: 20px;
}

.get_line {
    float: left;
    position: relative;
    background: #fff;
    width: 27.80%;
}

.get_line:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 18px;
    background: rgba(0, 0, 0, .12);
}

.get_line .iconfont {
    color: #999999;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    font-size: 14px;
}

.get_line:nth-child(1) {
    border-radius: 5px 0 0 5px;
}

.get_line:nth-child(2) {
    width: 30%;
}

.get_line:nth-child(3) {
    border-radius: 0 5px 5px 0;
}

.get_text, .get_sel .ms-choice > span {
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding-left: 28px;
}

.get_sel .ms-choice {
    border: none;
    height: 100%;
}

.get_sel .ms-choice > div.icon-caret {
    right: 12px;
    border-width: 7px 5px 0 5px;
}

.get_sel .ms-choice > div.icon-caret.open {
    border-width: 0 5px 7px 5px;
}

.get_sel .ms-drop ul > li.hide-radio label {
    line-height: 1.72;
    padding: 10px 12px 10px 28px;
}

.get_sel .ms-drop ul > li.hide-radio:focus,
.get_sel .ms-drop ul > li.hide-radio:hover {
    background-color: rgba(223, 216, 200, .20);
}

.get_sel .ms-drop ul > li.hide-radio.selected {
    background-color: rgba(223, 216, 200, 1);
}

.get_btn {
    float: right;
    cursor: pointer;
    background: url(../images/service_02.png) center center no-repeat;
    background-size: cover;
    border-radius: 3px;
    overflow: hidden;
    color: #fff;
    width: 14%;
    max-width: 170px;
    height: 46px;
}

/*service_con*/
.service_con {
    padding: 50px 0;
}

.service_swiper {
}

.service_swiper .swiper-slide {
    text-align: center;
    background: #41444b url(../images/service_03.png) center top no-repeat;
    background-size: cover;
    color: #fff;
}

.service_swiper .swiper-slide:nth-child(even) {
    background: #52575d;
}

.service_swiper .swiper-slide a {
    position: relative;
    color: #fff;
    display: flex;
    height: 385px;
    padding: 55px 10%;
}

.service_img, .service_icon, .service_more {
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.service_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.service_img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(198, 187, 168, .97);
}

.service_text {
    position: relative;
    z-index: 1;
    width: 100%;
}

.service_icon {
    margin: 0 auto 25px;
    position: relative;
    border-radius: 50%;
    width: 130px;
    background-color: rgba(223, 216, 200, .12);
}

.service_icon .icon_box img {
    max-width: 70%;
    max-height: 70%;
}

.service_tit {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-bottom: 15px;
}

.service_tit:before, .service_tit:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 38%;
    height: 1px;
    background: #c6bba8;
}

.service_tit:after {
    width: 0;
    background: #fff;
}

.service_des {
    -webkit-line-clamp: 3;
    max-height: 72px;
    margin-top: 15px;
}

.service_more {
    width: 80%;
    max-width: 200px;
    margin-top: 40px;
    transform: translateY(100%);
    opacity: 0;
}

.service_more:hover {
    background: #ffffff;
    color: #c6bba8;
}

.service_more:hover .more01_icon {
    background-image: url(../images/icon_more.png);
}

.service_pagination {
    margin-top: 15px;
}

.service_swiper .swiper-slide a:hover {
    align-items: center;
}

.service_swiper .swiper-slide a:hover .service_img {
    opacity: 1;
}

.service_swiper .swiper-slide a:hover .service_icon {
    margin-top: -130px;
    margin-bottom: 0;
    transform: scale(0.50);
    opacity: 0;
}

.service_swiper .swiper-slide a:hover .service_tit:before {
    width: 0;
}

.service_swiper .swiper-slide a:hover .service_tit:after {
    width: 38%;
}

.service_swiper .swiper-slide a:hover .service_more {
    transform: translateY(0%);
    opacity: 1;
}

/*=======index_case======*/
.index_cases {
    overflow: hidden;
    padding: 0 !important;
}

.cases_tit {
}

/*cases_album*/
.cases_album {
    position: relative;
}

.cases_show {
    height: 680px;
}

.cases_text_box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.cases_text {
    float: right;
    width: 48.437%;
    min-width: 320px;
    height: 325px;
    padding: 50px 4.50%;
    background: #41444b;
    color: #c6bba8;
}

.cases_text a {
    color: #c6bba8;
}

.cases_headline {
}

.cases_des {
    -webkit-line-clamp: 3;
    max-height: 72px;
    margin-top: 30px;
}

.cases_more {
    margin-top: 40px;
}

.cases_arrow {
    position: absolute;
    bottom: 325px;
    left: 0;
    z-index: 1;
    width: 100%;
    text-align: right;
}

.cases_arrow .swiper-button-prev,
.cases_arrow .swiper-button-next {
    position: static;
    transform: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -3px;
    background: #41444b;
    color: #c6bba8;
    width: 46px;
    line-height: 46px;
}

.cases_arrow .swiper-button-prev:hover,
.cases_arrow .swiper-button-next:hover {
    background: #c6bba8;
    color: #41444b;
}

.cases_thumb {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.cases_thumb .inner {
    height: 100%;
}

.cases_thumb_range {
    position: relative;
    z-index: 2;
    width: 51.563%;
    background: #fff;
    padding: 0 20px;
}

.cases_thumb .swiper-container {
    margin: 0;
}

.cases_thumb .swiper-slide {
    padding: 20px 0;
}

.cases_thumb .swiper-slide:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: #c6bba8;
}

.cases_thumb .swiper-slide .bg_img {
    padding-top: 67.86%;
    filter: Gray;
    -webkit-filter: grayscale(100%);
    opacity: .80;
}

.cases_thumb .swiper-slide-thumb-active .bg_img {
    filter: none;
    -webkit-filter: none;
    opacity: 1;
}

.cases_thumb .swiper-slide-thumb-active:before {
    left: 0;
    width: 100%;
}

/*cases_selected*/
.cases_selected {
    padding: 100px 0 60px;
}

.cases_tab {
    display: flex;
    justify-content: space-between;
    max-width: 580px;
    margin: 0 auto 40px;
}

.cases_tab li a {
    display: block;
}

.cases_tab li a em {
    display: block;
    position: relative;
    padding-bottom: 5px;
}

.cases_tab li a em:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #c6bba8;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.cases_tab li:hover a em:before,
.cases_tab li.current a em:before {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.cases_tab li.current a {
    color: #c6bba8;
}

/*cases_swiper*/
.cases_swiper {
}

.cases_swiper:before, .cases_swiper:after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, .65);
}

.cases_swiper:before {
    right: 100%;
}

.cases_swiper:after {
    left: 100%;
}

.cases_swiper .swiper-container {
    overflow: visible;
}

.cases_img {
    padding-top: 67.47%;
}

.cases_img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .04);
}

.cases_cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(78, 76, 75, .85);
    color: #c6bba8;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    padding: 5%;
    opacity: 0;
}

.cases_outline {
    height: 100%;
    padding: 5%;
    border: 1px solid rgba(223, 216, 200, .35);
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    transform: scale(0.80);
    opacity: 0;
}

.cases_outline li {
    margin-bottom: 5px;
}

.cases_outline li:last-child {
    margin-bottom: 0;
}

.cases_info {
    margin-top: 25px;
    padding-right: 35px;
    position: relative;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.cases_info:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 0;
    height: 1px;
    background: #c6bba8;
}

.cases_item {
}

.cases_over {
    margin-top: 15px;
}

.cases_more02 {
    margin-top: 25px;
    display: inline-block;
    color: #c6bba8;
    text-transform: uppercase;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.cases_more02 .more01_icon {
    width: 25px;
}

.cases_block {
    height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.cases_block.active {
    height: auto;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.cases_swiper {
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.cases_block.active .cases_swiper {
    opacity: 1;
}

.cases_swiper .swiper-slide:hover .cases_img img,
.cases_line a:hover .cases_img img {
    transform: scale(1.10);
}

.cases_swiper .swiper-slide:hover .cases_cover,
.cases_line a:hover .cases_cover {
    opacity: 1;
}

.cases_swiper .swiper-slide:hover .cases_outline,
.cases_line a:hover .cases_outline {
    transform: scale(1);
    opacity: 1;
}

.cases_swiper .swiper-slide:hover .cases_info,
.cases_line a:hover .cases_info {
    padding-right: 0;
    padding-left: 35px;
}

.cases_swiper .swiper-slide:hover .cases_info:before,
.cases_line a:hover .cases_info:before {
    width: 25px;
}

.cases_guide {
    margin-top: 50px;
    position: relative;
    text-align: center;
    height: 36px;
    line-height: 36px;
}

.cases_arrow02 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.cases_arrow02 .swiper-button-prev,
.cases_arrow02 .swiper-button-next {
    transform: none;
    position: static;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid #c6bba8;
    color: #c6bba8;
    width: 36px;
    height: 36px;
    line-height: 34px;
}

.cases_arrow02 .swiper-button-prev:hover,
.cases_arrow02 .swiper-button-next:hover {
    background: #c6bba8;
    color: #fff;
}

.cases_pagination {
    position: static;
    width: auto;
    display: inline-block;
    margin-top: 5px;
}

.cases_num {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

/*=======index_about======*/
.index_about {
    padding-bottom: 0 !important;
    background-attachment: local;
    color: #c6bba8;
}

.index_about a {
    color: #c6bba8;
}

.about_left {
    float: left;
    width: 47%;
    max-width: 576px;
    padding-bottom: 60px;
}

.about_item {
}

.about_des {
    -webkit-line-clamp: 7;
    max-height: 168px;
    margin-top: 30px;
}

.about_more {
    margin-top: 50px;
}

.about_right {
    float: right;
    width: 49.25%;
    max-width: 630px;
}

.about_tit {
    position: relative;
    z-index: 1;
    float: right;
    text-align: left;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: bt-rl;
    writing-mode: vertical-rl;
}

.about_img {
    position: relative;
}

.about_img01 {
    width: 76.20%;
}

.about_img01 .img_box {
    padding-top: 104.17%;
}

.about_img02 {
    width: 35%;
    padding: 8px;
    background: #fff;
    position: absolute;
    bottom: -14%;
    right: 0;
    z-index: 1;
}

.about_img02 .img_box {
    padding-top: 102.73%;
}

/*=======index_advertising======*/
.index_advertising {
    background-color: #f9f9f8;
}

.advertising_swiper {
    background: #fff;
}

.advertising_thumbs {
    position: relative;
    z-index: 3;
    float: left;
    height: 100%;
    height: 480px;
    width: 48.44%;
}

.advertising_thumbs .swiper-container {
    height: auto;
}

.advertising_thumbs .swiper-slide { /*width: 50%;*/
    height: 80px;
}

.advertising_thumbs .swiper-slide a {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    padding: 0 55px 0 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.advertising_thumbs .swiper-slide a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 0;
    background: #dfd8c8;
    transition: all .3s;
}
.advertising_thumbs .swiper-slide a:hover::before{
    top: 0;
    height: 100%;
}

.advertising_thumbs .swiper-slide a b {
    margin-right: 10px;
    color: #c6bba8;
}

.advertising_icon {
    display: block;
    width: 34px;
    height: 34px;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    position: absolute;
    top: 50%;
    right: 0;
    margin: -17px 0 0 0;
    opacity: 0;
}

.advertising_thumbs .swiper-slide-thumb-active a {
    background: #52575d;
    color: #fff;
}

.advertising_thumbs .swiper-slide-thumb-active a:before {
    top: 0;
    height: 100%;
}

.advertising_thumbs .swiper-slide-thumb-active a b {
    color: #fff;
}

.advertising_thumbs .swiper-slide-thumb-active .advertising_icon {
    margin-right: 16px;
    opacity: 1;
}

.advertising_more {
    display: block;
    z-index: 1;
    background: #c6bba8;
    border-color: #c6bba8;
    color: #fff;
    width: 50%;
    line-height: 78px;
}

.advertising_more .more01_icon {
    background-image: url(../images/icon_more_white.png);
}

.advertising_more:hover {
    background: #fff;
    color: #c6bba8;
}

.advertising_more:hover .more01_icon {
    background-image: url(../images/icon_more.png);
}

.advertising_thumbs_arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    line-height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #c6bba8;
    z-index: 1;
}

.advertising_thumbs_arrow .swiper-button-prev,
.advertising_thumbs_arrow .swiper-button-next {
    position: static;
    transform: translateY(0);
    width: 50%;
}

.advertising_thumbs_arrow .iconfont {
    font-size: 30px;
}

#advertising_more_pc {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50% !important;
}

#advertising_more_phone {
    display: none;
    margin: 20px auto 0;
}

.advertising_show {
    height: 480px;
    overflow: hidden;
    position: relative;
    color: #fff;
}

.advertising_show a {
    color: #fff;
}

.advertising_img {
}

.advertising_img:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%); /* 标准的语法（必须放在最后） */
}

.advertising_info {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 4%;
    max-width: 460px;
}

.advertising_tit {
    display: inline-block;
    position: relative;
}

.advertising_tit:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.advertising_tit:hover:before {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.advertising_des {
    margin-top: 10px;
}

.advertising_arrow {
    position: absolute;
    top: 4%;
    right: 4%;
    z-index: 2;
}

.advertising_arrow div {
    position: static;
    transform: none;
}

.advertising_arrow .swiper-pagination span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-size: 20px;
}

.advertising_arrow .swiper-pagination span.swiper-pagination-current {
    font-weight: bold;
    color: #c6bba8;
}


/*=======index_design======*/
.index_design {
    position: relative;
    color: #c6bba8;
    padding-bottom: 8.60% !important;
}

.index_design:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 14%;
    background: #f9f9f8;
}

.index_design a {
    color: #c6bba8;
}

.design_tit {
}

.design_tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    justify-content: center;
    padding: 0 5%;
    margin: -5px -5px 35px;
}

.design_tab li a {
    display: block;
    padding: 5px;
}

.design_tab li a em {
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
}

.design_tab li a em:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #c6bba8;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.design_tab li:hover a em:before,
.design_tab li.current a em:before {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.design_tab_con {
    margin-bottom: -8.60%;
}

.design_block {
    position: relative;
    z-index: 1;
    height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.design_block.active {
    height: auto;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.design_swiper {
    opacity: 0; /*-webkit-transition:all 1s ease; transition:all 1s ease;*/
}

.design_swiper .swiper-container {
    position: static;
}

.design_block.active .design_swiper {
    opacity: 1;
}

.design_swiper .swiper-slide {
    padding: 10px;
    background: #fff;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .06);
    overflow: hidden;
}

.design_swiper .swiper-slide a {
    display: block;
    position: relative;
}

.design_img {
    padding-top: 39.683%;
    min-height: 260px;
}

.design_img:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../images/design_02.png) center bottom no-repeat;
    background-size: cover;
}

.design_cover {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 80%;
    padding: 20px 25px;
    -webkit-transition: all 600ms .2s ease;
    transition: all 600ms .2s ease;
    /* opacity: 0; */
}

.design_swiper .swiper-slide-active .design_cover {
    opacity: 1;
}

.design_item {
}

.design_des {
    margin-top: 10px;
}

.design_arrow {
}

.design_arrow div {
    width: 36px;
    height: 36px;
    line-height: 34px;
    border-radius: 50%;
    border: 1px solid #c6bba8;
    color: #c6bba8;
}

.design_arrow div:hover {
    background: #c6bba8;
    color: #41444b;
}

.design_arrow div.swiper-button-prev {
    left: auto;
    right: 103%;
}

.design_arrow div.swiper-button-next {
    left: 103%;
}

.design_pagination {
    position: absolute;
    bottom: 40px;
    left: auto;
    right: 20px;
    z-index: 2;
    width: auto;
    display: none;
}

.design_pagination .swiper-pagination-bullet {
    width: auto;
    height: auto;
    padding: 0 8px;
}

.design_pagination .swiper-pagination-bullet:before {
    display: none;
}

.design_pagination .swiper-pagination-bullet em {
    display: inline-block;
    vertical-align: middle;
}

.design_pagination .swiper-pagination-bullet i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 0;
    height: 1px;
    background: rgba(198, 187, 168, .35);
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.design_pagination .swiper-pagination-bullet i:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #c6bba8;
}

.design_pagination .swiper-pagination-bullet-active em {
    font-weight: bold;
}

.design_pagination .swiper-pagination-bullet-active i {
    width: 55px;
    margin-left: 4px;
}

.design_pagination .swiper-pagination-bullet-active i:before {
    width: 36.36%;
}

/*=======index_news======*/
.index_news {
    overflow: hidden;
    background-color: #f9f9f8;
}

.news_tit {
}

.news_swiper {
    margin: -15px 0;
}

.news_swiper .swiper-container {
    padding: 15px 0;
}

.news_swiper .swiper-slide {
    margin-top: 40px;
}

.news_block {
    background: #fff;
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, .06);
    height: 520px;
    width: 97.27%;
    overflow: hidden;
    position: relative;
}

.news_swiper .swiper-slide-next .news_block {
    float: right;
}

.news_column {
    text-align: center;
    position: relative;
    height: 160px;
}

.news_column a {
    color: #fff;
}

.column_img {
}

.column_img:before, .column_img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../images/news_img00.jpg) no-repeat;
    background-size: cover;
}

.column_img:after {
    background: rgba(0, 0, 0, .35);
    opacity: 0;
}

.column_tit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.column_tit img {
    display: block;
    margin: 0 auto 10px;
    width: 50px;
    height: 50px;
}

.column_recommend {
    padding: 35px;
}

.column_recommend li {
    margin-bottom: 18px;
}

.column_recommend li:last-child {
    margin-bottom: 0;
}

.column_recommend li a {
    display: block;
    overflow: hidden;
}

.recommend_num {
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    background: #cbcbcb;
    color: #ffffff;
    border-radius: 2px;
    width: 22px;
    line-height: 22px;
    margin-right: 10px;
}

.column_recommend li.recommend_first {
    margin-bottom: 50px;
}

.column_recommend li.recommend_first .recommend_num {
    background: #dad3c3;
    border-radius: 2px 2px 11px 11px;
    line-height: 54px;
}

.column_recommend li a:hover {
    color: #c6bba8;
}

.column_recommend li a:hover .recommend_num {
    background: #dad3c3;
}

.column_more {
    display: block;
    background: #c6bba8;
    color: #fff;
    position: absolute;
    bottom: -50px;
    left: 0;
    z-index: 1;
    opacity: 0;
    width: 100% !important;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.column_more .more01_icon {
    background-image: url(../images/icon_more_white.png);
}

.recommend_imgtext {
    overflow: hidden;
}

.recommend_img {
    float: left;
    width: 160px;
    height: 110px;
    margin-right: 20px;
    display: none;
}

.recommend_text {
    overflow: hidden;
}

.recommend_item {
    margin-bottom: 10px;
}

.recommend_des {
}

.recommend_time {
    line-height: 1;
    color: #c6bba8;
    margin-top: 10px;
    display: none;
}

.recommend_time .iconfont {
    margin-right: 5px;
}

.news_swiper .swiper-slide-active {
    z-index: 100;
    margin-top: 0;
}

.news_swiper .swiper-slide-active .news_block {
    max-width: none;
    width: 122%;
    margin-left: -11%;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .06);
    height: 594px;
}

.news_swiper .swiper-slide-active .news_column {
    height: 200px;
}

.news_swiper .swiper-slide-active .column_img:before {
    opacity: 0;
}

.news_swiper .swiper-slide-active .column_img:after {
    opacity: 1;
}

.news_swiper .swiper-slide-active .column_img:after {
    opacity: 1;
}

.news_swiper .swiper-slide-active .column_recommend li.recommend_first .recommend_num {
    display: none;
}

.news_swiper .swiper-slide-active .column_recommend li:nth-child(5) {
    display: none;
}

.news_swiper .swiper-slide-active .recommend_img {
    display: block;
}

.news_swiper .swiper-slide-active .recommend_time {
    display: block;
}

.news_swiper .swiper-slide-active .column_more {
    bottom: 0;
    opacity: 1;
}

/*=======index_vision======*/
.index_vision {
    color: #c6bba8;
    text-align: center;
}

.vision_text {
    line-height: 1.875;
    letter-spacing: 0.1em;
    max-width: 990px;
    margin: 0 auto;
}

.vision_more {
    margin-top: 40px;
    border-color: #c6bba8;
    background: #c6bba8;
    color: #fff;
}

.vision_more .more01_icon {
    background-image: url(../images/icon_more_white.png);
}

.vision_more:hover {
    border-color: #fff;
    background: #fff;
    color: #c6bba8;
}

.vision_more:hover .more01_icon {
    background-image: url(../images/icon_more.png);
}

/*============================ 02 ============================*/
/*=======banner_wrap======*/
.banner_wrap {
    position: relative;
    height: 360px;
}

.banner_img {
}

.banner_img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .12);
}

/*=======guide_wrap======*/
.guide_wrap {
    line-height: 80px;
    border-bottom: 1px solid #f0f0f0;
}

.icon_logo {
    display: block;
    float: left;
    text-align: center;
    background: #52575d;
    width: 80px;
    margin-right: 16px;
}

.icon_logo img {
    width: 50%;
    max-width: 40px;
}

.position {
    float: left; /*width:28%;*/
    color: rgba(0, 0, 0, .20);
    margin: 0 -10px;
}

.position a {
    color: #999999;
    padding: 0 10px;
}

.position a:hover, .position a.current {
    color: #c6bba8;
}

.sec_box .sub_nav {
    float: none;
}

.sec_box .sub_nav a span {
    padding: 10px 0;
}

.guide_right {
    overflow: hidden;
}

.sub_nav {
    float: right;
    margin: 0 -20px;
}

.sub_nav a {
    display: block;
    float: left;
    padding: 0 20px;
}

.sub_nav a span {
    display: inline-block;
    position: relative;
}

.sub_nav a span:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #c6bba8;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.sub_nav a:hover span:before,
.sub_nav a.current span:before {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.sub_nav a .subclass_icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 26px;
    height: 26px;
}

.sub_nav a .subclass_icon img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 34px;
    height: 34px;
    max-width: 34px;
}

.sub_nav a:hover, .sub_nav a.current {
    color: #c6bba8;
}

/*=======cases_common======*/
.cases_common {
    padding-bottom: 60px;
}

.cases_all {
    padding-top: 60px;
}

/*screen*/
.screen {
    border-top: 1px solid rgba(0, 0, 0, .06);
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    padding-top: 10px;
}

.screen_block {
    padding: 13px 0;
}

.screen_item {
    float: left;
    width: 60px;
    position: relative;
    line-height: 22px;
    margin: 3px 0;
}

.screen_item:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: rgba(0, 0, 0, .10);
}

.screen_terms {
    overflow: hidden;
    padding-left: 10px;
    text-align: left;
}

.s_child {
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
    padding: 0 6px;
    color: #666666;
    margin: 3px 6px;
}

.s_child:hover, .s_child.on {
    background: #c6bba8;
    color: #fff;
}

.screen_list {
    display: none;
    padding: 20px;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 9%);
    border-radius: 3px;
    border: 1px solid rgba(228, 231, 237, 1);
}

.screen_list a {
    color: #666666;
    margin: 0 2px;
}

.screen_list a:hover {
    color: #c6bba8;
}

/*rank*/
.rank {
    overflow: hidden;
    padding: 30px 0;
}

.rank_guide {
    float: left;
    margin: 0 -10px;
    line-height: 34px;
}

.rank_guide a {
    display: block;
    float: left;
    padding: 0 10px;
}

.rank_guide a span {
    color: #999;
    display: inline-block;
    vertical-align: middle;
}

.rank_guide a span .iconfont {
    display: block;
    font-size: 12px;
    transform: scale(0.75);
    line-height: 7px;
}

.rank_guide a:hover, .rank_guide a.current {
    color: #e60012;
}

.rank_guide a.current span i.iconfont_slctd {
    color: #e60012;
}

.rank_search {
    float: left;
    margin-left: 24px;
    width: 55%;
    max-width: 255px;
    border: 1px solid rgba(0, 0, 0, .12);
    position: relative;
}

.rank_search_txt {
    display: block;
    width: 100%;
    height: 32px;
    padding: 0 32px 0 10px;
}

.rank_search_btn {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 32px;
    height: 100%;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.rank_search_btn .iconfont {
    font-size: 20px;
}

.rank_search_btn:hover {
    color: #c6bba8;
}

.total_num {
    float: right;
    line-height: 34px;
}

.total_num em {
    margin: 0 6px;
    color: #c48657;
}

/*cases_list*/
.cases_list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: -25px -10px;
}

.cases_line {
    float: left;
    width: 33.33%;
    padding: 25px 10px;
}

/*paging*/
.paging {
    text-align: center;
    line-height: 24px;
    margin-top: 50px;
}

.paging_number, .paging_turn, .paging_go {
    display: inline-block;
    vertical-align: middle;
}

.paging_turn {
    margin: 0 20px;
}

.paging_turn a {
    display: inline-block;
    padding: 0 10px;
    font-weight: bold;
}

.paging_turn a:hover,
.paging_turn a.current {
    color: #c6bba8;
}

.paging_turn a em {
    display: inline-block;
    position: relative;
}

.paging_turn a em:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #c6bba8;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.paging_turn a:hover em:before,
.paging_turn a.current em:before {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.paging_turn a.paging_btn .iconfont {
    font-size: 12px;
}

.paging_txt {
    border: 1px solid rgba(0, 0, 0, .10);
    border-radius: 3px;
    margin: 0 4px;
    text-align: center;
    color: #999999;
    font-weight: bold;
    width: 42px;
    height: 24px;
}

/*=======detail_wrap======*/
.detail_wrap {
}

.detail_wrap .inner {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.detail_left, .detail_right {
    padding: 50px 0;
}

/*detail_left*/
.detail_left {
    float: left;
    border-right: 1px solid rgba(0, 0, 0, .10);
    width: -webkit-calc(100% - 320px);
    width: calc(100% - 320px);
    padding-right: 40px;
    margin-right: 40px;
}

.detail_top {
    margin-bottom: 50px;
}

.detail_tit {
}

.detail_subtit {
    color: #999999;
    margin-top: 10px;
}

.detail_survey {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: 50px;
}

.detail_survey li {
    overflow: hidden;
    float: left;
    width: 45%;
    padding: 6px 3% 6px 0;
}

.detail_survey li:nth-child(even) {
    width: 55%;
    padding-right: 0;
}

.survey_icon {
    display: block;
    float: left;
    width: 30px;
    height: 24px;
    margin-right: 10px;
}

.survey_des {
    overflow: hidden;
}

.detail_imgtext {
}

.detail_imgtext img {
    vertical-align: text-bottom;
}

/*detail_right*/
.detail_right, .detail_point {
    width: 280px;
}

.detail_right {
    float: right;
}

.detail_item {
    border-bottom: 1px solid rgba(0, 0, 0, .10);
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.right_block {
}

.cases_relevant {
}

.relevant_list {
    margin-top: -30px;
}

.relevant_line {
    padding: 30px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, .10);
}

.relevant_img {
    padding-top: 67.47%;
}

.relevant_info {
    margin-top: 15px;
}

.relevant_item {
}

.relevant_des {
    opacity: .60;
}

.relevant_line a:hover {
    color: #c6bba8;
}

.relevant_line a:hover .relevant_img img {
    transform: scale(1.10);
}

.detail_point {
    background: #fff;
    padding: 30px 0;
    position: relative;
    top: 0;
    z-index: 1003;
}

#portamento_container .detail_point.fixed {
    position: fixed;
}

.point_list {
}

.point_list li {
    margin-bottom: 20px;
}

.point_list li a {
    display: block;
    overflow: hidden;
}

.point_item {
    float: left;
}

.point_des {
    overflow: hidden;
    text-align: justify;
    color: #999999;
    -webkit-transition: color 600ms ease;
    transition: color 600ms ease;
}

.point_list li a:hover .point_des {
    color: #c6bba8;
    text-decoration: underline;
}

.point_back {
    display: block;
    text-align: center;
    background: #f6f6f6;
    color: #999999;
    line-height: 46px;
}

.point_back .iconfont {
    font-size: 14px;
    margin-left: 5px;
}

.point_back:hover {
    background: #c6bba8;
    color: #fff;
}

/*============================ 03 ============================*/
/*=======whole_explain======*/
.whole_explain {
    position: relative;
    min-height: 310px;
    display: flex;
    align-items: center;
}

.whole_explain:after {
    content: '';
    min-height: inherit;
    font-size: 0;
}

.explain_tit {
}

.explain_des {
    line-height: 1.875;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

/*=======whole_explain======*/
.whole_philosophy {
    padding-bottom: 150px;
    position: relative;
    background-color: #b5b2ad;
    color: #ffffff;
}

.whole_philosophy a {
    color: #ffffff;
}

.philosophy_tit {
    position: relative;
    z-index: 2;
}

.philosophy_tit em {
    color: #ffffff;
}

.philosophy_tab_box {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid rgba(255, 255, 255, .35);
}

.philosophy_tab {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 540px;
}

.philosophy_tab li {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.philosophy_tab li a {
    display: inline-block;
    position: relative;
    padding-bottom: 16px;
}

.philosophy_tab li a:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: #fff;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.philosophy_tab li.current a:before,
.philosophy_tab li:hover a:before {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.philosophy_bgs, .philosophy_bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.philosophy_bg {
    background: 50% 0 no-repeat;
    background-size: cover;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.philosophy_bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .25);
}

.philosophy_bg.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.philosophy_texts {
    position: relative;
    z-index: 2;
    max-width: 550px;
    margin-top: 8%;
}

.philosophy_text {
    display: none;
}

.philosophy_item {
}

.philosophy_des {
    margin-top: 20px;
    text-align: justify;
    line-height: 1.875;
}

.philosophy_text.active {
    display: block;
}

.philosophy_text.active .philosophy_item {
    -webkit-animation: 1s .2s fadeInUp both;
    animation: 1s .2s fadeInUp both;
}

.philosophy_text.active .philosophy_des {
    -webkit-animation: 1s .3s fadeInUp both;
    animation: 1s .3s fadeInUp both;
}

/*=======whole_relevant======*/
.whole_relevant {
    padding-bottom: 60px;
}

.relevant_tit {
}

/*============================ 04 ============================*/
/*=======showcase_intro======*/
.showcase_intro {
}

.showcase_intro .inner {
    display: flex;
    align-items: center;
}

.intro_left {
    float: left;
    width: 45.32%;
    margin-right: 4.68%;
}

.intro_img {
    padding-top: 62.07%;
}

.intro_right {
    float: right;
    width: 50%;
}

.intro_tit {
    text-align: left;
    margin-bottom: 30px;
}

.intro_des {
    text-align: justify;
}

/*=======showcase_service======*/
.showcase_service {
    color: #fff;
}

.showcase_service .design_cover {
    color: #fff;
}

.showcase_service .design_pagination .swiper-pagination-bullet i:before {
    background: #fff;
}

/*=======showcase_service======*/
.showcase_cooperative {
}

.logo_swiper {
    margin: -10px;
}

.logo_swiper .swiper-container {
    padding: 10px;
}

.logo_swiper .swiper-slide {
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 2px;
    -webkit-transition: background 600ms ease, box-shadow 600ms ease;
    transition: background 600ms ease, box-shadow 600ms ease;
}

.logo_swiper .swiper-slide:hover {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
}

.logo_swiper .swiper-slide .icon_box {
    padding-top: 41.46%;
}

.logo_swiper .swiper-slide:hover .icon_box {
    transform: rotateY(30deg);
}

.cooperative_pagination {
    margin-top: 15px;
}

/*============================ 05 ============================*/
/*=======fitment_advantages======*/
.fitment_advantages {
}

.advantages_tit a {
    color: #c6bba8;
}

.advantages_swiper .swiper-wrapper {
    align-items: stretch;
}

.advantages_swiper .swiper-slide {
    background: rgba(255, 255, 255, .10);
    color: #fff;
    text-align: center;
    padding: 5% 2.50%;
}

.advantages_swiper .swiper-slide:nth-child(even) {
    background: rgba(255, 255, 255, .20);
}

.advantages_swiper .swiper-slide:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #41444b url(../images/service_03.png) center top no-repeat;
    opacity: 0;
}

.advantages_block {
    position: relative;
    z-index: 1;
}

.advantages_icon {
    margin: 0 auto 14%;
    border-radius: 50%;
    width: 63%;
    max-width: 110px;
    position: relative;
}

.advantages_icon:before, .advantages_icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.advantages_icon:before {
    border: 2px solid #fff;
}

.advantages_icon:after {
    background: rgba(0, 0, 0, .25);
    transform: scale(1.20);
    opacity: 0;
}

.advantages_icon img {
    max-width: 54.55%;
    max-height: 54.55%;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.advantages_icon img:nth-child(2) {
    opacity: 0;
}

.advantages_swiper .swiper-slide:hover .advantages_icon:before {
    transform: scale(1.20);
    opacity: 0;
}

.advantages_swiper .swiper-slide:hover .advantages_icon:after {
    transform: scale(1.00);
    opacity: 1;
}

.advantages_swiper .swiper-slide:hover .advantages_icon img:nth-child(1) {
    opacity: 0;
}

.advantages_swiper .swiper-slide:hover .advantages_icon img:nth-child(2) {
    opacity: 1;
}

.advantages_item {
    position: relative;
    padding-bottom: 15px;
}

.advantages_item:before, .advantages_item:after {
    content: "";
    width: 35px;
    height: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: #fff;
}

.advantages_item:after {
    width: 0;
    background-color: #c6bba8;
}

.advantages_swiper .swiper-slide:hover .advantages_item:before {
    width: 0;
}

.advantages_swiper .swiper-slide:hover .advantages_item:after {
    width: 35px;
}

.advantages_des {
    margin-top: 15px;
}

.advantages_swiper .swiper-slide:hover {
    color: #c6bba8;
}

.advantages_swiper .swiper-slide:hover:before {
    opacity: 1;
}

.advantages_pagination {
    margin-top: 20px;
}

/*============================ 06 ============================*/
/*=======exhibit_idea======*/
.exhibit_idea {
    position: relative;
    min-height: 300px;
    display: flex;
    align-items: center;
    color: #fff;
}

.exhibit_idea:after {
    content: '';
    min-height: inherit;
    font-size: 0;
}

.exhibit_idea:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .25);
}

.idea_text {
    position: relative;
    z-index: 2;
    max-width: 570px;
}

.idea_item {
}

.idea_des {
    margin-top: 20px;
    text-align: justify;
    line-height: 1.875;
}

/*============================ 09 ============================*/
.news_all {
    padding-top: 15px !important;
    padding-bottom: 60px !important;
}

/*=======news_list======*/
.news_list {
}

.news_line {
    padding: 45px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.news_line a {
    display: block;
    overflow: hidden;
}

.news_img {
    float: left;
    overflow: hidden;
    width: 410px;
    margin-right: 4%;
}

.news_img .img_box {
    padding-top: 67.32%;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.news_info {
    overflow: hidden;
}

.news_item {
    margin-top: 15px;
}

.news_time {
    color: #c6bba8;
    line-height: 1;
    margin-top: 10px;
}

.news_des {
    -webkit-line-clamp: 3;
    max-height: 72px;
    margin-top: 30px;
}

.news_more {
    margin-top: 45px;
}

.news_line a:hover .news_img .img_box {
    transform: scale(1.10);
}

.news_line a:hover .news_more {
    background: #c6bba8;
    color: #fff;
}

.news_line a:hover .news_more .more01_icon {
    background-image: url(../images/icon_more_white.png);
}

/*detail_shared*/
.detail_shared {
    margin-top: 20px;
}

.detail_shared .bshare-custom a {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin-right: 14px;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    background: center center no-repeat;
    background-size: contain;
}

.detail_shared .bshare-custom a.bshare-weixin {
    background-image: url(../images/shared_ico01.png);
}

.detail_shared .bshare-custom .bshare-sinaminiblog {
    background-image: url(../images/shared_ico02.png);
}

.detail_shared .bshare-custom a.bshare-qqim {
    background-image: url(../images/shared_ico03.png);
}

.detail_shared .bshare-custom a.bshare-toutiao {
    background-image: url(../images/shared_ico04.png);
}

.bsBox {
    box-sizing: content-box;
}

/*other_list*/
.other_list {
    margin-top: -30px;
}

.other_line {
    padding: 30px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, .06);
}

.other_line a {
    display: block;
    overflow: hidden;
}

.other_img {
    overflow: hidden;
    float: left;
    width: 125px;
    margin-right: 14px;
}

.other_img .img_box {
    padding-top: 67.32%;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.other_info {
    overflow: hidden;
}

.other_item {
    -webkit-line-clamp: 3;
    max-height: 72px;
}

.other_line a:hover .other_img .img_box {
    transform: scale(1.10);
}

.other_dif .other_img {
    float: none;
    width: 100% !important;
    margin-right: 0 !important;
}

.other_dif .other_info {
    margin-top: 15px;
}

.other_dif .other_time {
    color: #c6bba8;
    line-height: 1;
    margin-bottom: 10px;
}

/*============================ 10 ============================*/
/*=======profile_learn======*/
.profile_learn {
    background-attachment: local;
    min-height: 420px;
    display: flex;
    align-items: center;
    color: #c6bba8;
    text-align: center;
}

.profile_learn:after {
    content: '';
    min-height: inherit;
    font-size: 0;
}

.profile_learn a {
    color: #c6bba8;
}

.learn_item {
}

.learn_des {
    line-height: 1.875;
    max-width: 900px;
    margin: 30px auto 0;
}

/*=======profile_range======*/
.profile_range {
    padding: 0 !important;
}

.range_swiper .swiper-slide {
    overflow: hidden;
}

.range_swiper .swiper-slide .swiper_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
}

.range_img, .range_text {
    float: left;
    width: 50%;
}

.range_img .bg_img {
    padding-top: 75%;
    max-height: 720px;
    min-height: 420px;
}

.range_text {
}

.range_text_scope {
    width: 70%;
    max-width: 560px;
    margin-left: 11%;
}

.range_item {
}

.range_des {
    -webkit-line-clamp: 8;
    max-height: 192px;
    margin-top: 20px;
}

.range_swiper .swiper-slide-active .range_item {
    -webkit-animation: 600ms .1s fadeInUp both;
    animation: 600ms .1s fadeInUp both;
}

.range_swiper .swiper-slide-active .range_des {
    -webkit-animation: 600ms .3s fadeInUp both;
    animation: 600ms .3s fadeInUp both;
}

.range_arrow .swiper-button-prev, .range_arrow .swiper-button-next {
    background: #41444b;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    line-height: 50px;
}

.range_arrow .swiper-button-prev {
    left: 2.60%;
}

.range_arrow .swiper-button-next {
    right: 2.60%;
}

.range_arrow .swiper-button-prev:hover, .range_arrow .swiper-button-next:hover {
    background: #c6bba8;
}

.range_pagination {
    position: absolute;
    bottom: auto;
    left: auto;
    top: 78%;
    right: 0;
    width: 44.20%;
    text-align: left;
}

.range_pagination .swiper-pagination-bullet {
    width: 16px;
    margin-right: 4px;
}

.range_pagination .swiper-pagination-bullet-active {
    width: 30px;
}

.range_pagination .swiper-pagination-bullet:before {
    width: 100%;
    height: 2px;
}

/*=======profile_talent======*/
.profile_talent {
    min-height: 300px;
    display: flex;
    align-items: center;
    color: #c6bba8;
    text-align: center;
}

.profile_talent:after {
    content: '';
    min-height: inherit;
    font-size: 0;
}

.talent_des {
    max-width: 740px;
    margin: 0 auto;
    line-height: 1.875;
}

/*=======profile_brand======*/
.profile_brand {
}

.tit_sub {
    margin-top: 5px;
}

#brand_swiper .swiper-slide:hover {
    background: #f5f5f5;
}

/*=======profile_develop======*/
.profile_develop {
    min-height: 360px;
    display: flex;
    align-items: center;
    color: #dfd8c8;
    text-align: center;
}

.profile_develop:after {
    content: '';
    min-height: inherit;
    font-size: 0;
}

.develop_des {
    line-height: 1.875;
    max-width: 660px;
}

/*=======contact_infomation======*/
.contact_infomation {
    line-height: 30px;
}

.infomation_left {
    float: left;
    width: 68.40%;
    border-right: 1px solid rgba(0, 0, 0, .06);
    padding-right: 5%;
    margin-right: 5%;
}

.infomation_item {
    margin-bottom: 30px;
}

.infomation_des {
}

.infomation_des .hotline {
    color: #dfd8c8;
    margin-bottom: 5px;
}

.infomation_right {
    overflow: hidden;
}

.infomation_touch {
}

.link_map {
}

.link_map em {
    text-decoration: underline;
    margin-left: 5px;
}

.link_kefu {
    display: inline-block;
    vertical-align: top;
    margin-top: 40px;
    background: #c6bba8;
    color: #fff;
    border-radius: 22px;
    text-align: center;
    width: 100%;
    max-width: 205px;
    line-height: 42px;
}

.link_kefu .iconfont {
    font-size: 24px;
    margin-right: 6px;
}

/*=======contact_message======*/
.contact_message {
    color: #dfd8c8;
}

.message_tit em, .message_tit a {
    color: #fff;
}

.message_form {
    margin-bottom: 60px;
}

.form_block {
    width: 48%;
    float: left;
}

.form_block:nth-child(even) {
    float: right;
}

.form_line {
    width: 100%;
    margin-bottom: 32px;
}

.form_line:last-child {
    margin-bottom: 0;
}

.line_fill {
}

label.form_label {
    display: block;
    line-height: 16px;
    margin-bottom: 10px;
}

.form_txt {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    height: 40px;
    padding: 10px 0;
    color: rgba(255, 255, 255, .70);
}

.form_txt:hover, .form_txt:focus {
    border-color: rgba(255, 255, 255, .50);
}

.form_txt::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .25);
}

.form_txt:-moz-placeholder {
    color: rgba(255, 255, 255, .25);
}

.form_txt::-moz-placeholder {
    color: rgba(255, 255, 255, .25);
}

.form_txt:-ms-input-placeholder {
    color: rgba(255, 255, 255, .25);
}

.form_yu {
    resize: none;
    height: 236px;
}

.form_btn {
    cursor: pointer;
    width: 48%;
    height: 50px;
    background: #c6bba8;
    color: #fff;
    margin-top: 65px;
}


/*page*/
.page {
    text-align: center;
    margin-top: 30px;
}

.page a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    background: #ffffff;
    color: #0b2b4d;
    font-size: 14px;
    margin-bottom: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.page a:hover, .page a.current {
    background: #c42507;
    color: #ffffff;
}

.page strong {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    background: #c42507;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}